<template >
  <div class="index-title">
    <p class="title">{{ title }}</p>
    <p class="desc">{{ desc }}</p>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true
    },
    desc: {
      type: String,
      required: true
    }
  },
}
</script>

<style lang="scss" scoped>
.index-title {
  @include center;
  flex-direction: column;
  margin-top: rem(33);

  .title {
    font-size: rem(22);
    font-weight: 600;
    color: #171717;
    height: rem(26);
    line-height: rem(26);
  }

  .desc {
    font-size: rem(15);
    color: #a6a6a6;
    height: rem(23);
    line-height: rem(23);
  }
}
</style>
